<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head></h:head>
<h:body>
	<h:form id="conta">
		<fieldset class="pagamento">
			<legend class="tituloFormulario">Pagamento</legend>

			<h:panelGrid columns="2">
				<h:panelGroup>
					<h:outputText value="Contas do Cliente: " />
					<h:selectOneListbox id="scroll"
						value="#{pagamentoBean.liberacao.conta}" style="height:100px">
						<f:selectItems values="#{pagamentoBean.contas}" var="conta"
							itemLabel="#{conta.numero}" itemValue="#{conta}" />
					</h:selectOneListbox>  
				Data Vencimento:
					<h:inputText size="10"
						value="#{pagamentoBean.liberacao.boleto.dataVencimento}"
						id="numeroConta" required="true"
						requiredMessage="Preencha o Número"></h:inputText>
				&nbsp;&nbsp;&nbsp;<h:message for="numeroConta"
						errorClass="mensagemErro"></h:message>
				Número Boleto:
				<h:inputText size="60" value="#{pagamentoBean.liberacao.boleto.numero}"
						id="digitoConta" required="true"
						requiredMessage="Preencha o Digito"></h:inputText>
				&nbsp;&nbsp;&nbsp;<h:message for="digitoConta"
						errorClass="mensagemErro"></h:message>
				
				Valor:
				<h:inputText size="10" value="#{pagamentoBean.liberacao.valor}"
						id="valor" required="true" requiredMessage="Preencha o Valor"></h:inputText>
				&nbsp;&nbsp;&nbsp;<h:message for="valor" errorClass="mensagemErro"></h:message>
				</h:panelGroup>
				<f:facet name="footer">
					<h:panelGroup style="text-align:right" layout="block">
						<h:commandButton value="Realizar" style="text-align:right"
							actionListener="#{pagamentoBean.realizarPagamento}"></h:commandButton>
					</h:panelGroup>
				</f:facet>
			</h:panelGrid>
		</fieldset>
	</h:form>
</h:body>
</html>
